
page{
	background: #F4F9FF;
}

.index-wrap{
	background: #f4f9ff;
	padding-top: 140rpx;
	box-sizing: border-box;
}

.index-top{
	width: 685rpx;
	height: 68rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 9rpx 30rpx 0 35rpx;
	.index-top-message{
		width: 432rpx;
		height: 68rpx;
	}
	.index-top-message-word{
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #BA8F5F;
		position: absolute;
		margin-left: 84rpx;
	}
	.index-top-info{
		width: 130rpx;
		height: 44rpx;
		display: flex;
		justify-content: space-between;
		.index-top-logo{
			width: 45rpx;
			height: 45rpx;
		}
		.index-redDot{
			width: 14rpx;
			height: 14rpx;
			background: #FF1212;
			border-radius: 100rpx;
			position: absolute;
			right: 30rpx;
		}
	}
}

.index-shop{
	width: 664rpx;
	height: 170rpx;
	display: flex;
	margin: 35rpx 43rpx 0;
	.index-shop-logo{
		width: 170rpx;
		height: 170rpx;
	}
	.index-shop-word{
		width: 550rpx;
		height: 170rpx;
		margin-left: 24rpx;
		display: flex;
		flex-direction: column;
		.index-shop-title{
			font-size: 36rpx;
			font-family: PingFang-SC-Bold, PingFang-SC;
			font-weight: bold;
			color: #333333;
		}
		.index-shop-terminal{
			font-size: 26rpx;
			font-family: PingFang-SC-Regular, PingFang-SC;
			font-weight: 400;
			color: #999999;
			margin-top: 8rpx;
		}
	}
	.index-shop-bottom{
		width: 450rpx;
		height: 40rpx;
		margin-top: 32rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.index-shop-quantity{
			width: 200rpx;
			display: flex;
			justify-content: space-between;
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			view{
				color: #27CBC0;
			}
		}
		.index-shop-line{
			width: 1rpx;
			height: 40rpx;
			border: 1rpx solid #979797;
		}
	}
	.index-shop-logo1{
		width: 138rpx;
		height: 138rpx;
	}
	.index-shop-word1{
		width: 513rpx;
		height: 170rpx;
		margin-left: 32rpx;
		display: flex;
		flex-direction: column;
		.index-shop-title{
			font-size: 36rpx;
			font-family: PingFang-SC-Bold, PingFang-SC;
			font-weight: bold;
			color: #333333;
		}
		.index-shop-bottom1{
			display: flex;
			justify-content: space-between;
			margin-top: 8rpx;
			.index-shop-number{
				font-size: 26rpx;
				font-family: PingFang-SC-Regular, PingFang-SC;
				font-weight: 400;
				color: #999999;
				white-space: nowrap;
			}
			.index-shop-btnlogo{
				width: 236rpx;
				height: 96rpx;
				margin-top: 16rpx;
			}
		}
	}
}

.index-item{
	width: 750rpx;
	height: 143rpx;
	display: flex;
	justify-content: space-around;
	margin-top: 26rpx;
	.index-item-list{
		width: 187rpx;
		height: 143rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		.index-list-logo{
			width: 98rpx;
			height: 98rpx;
		}
		.index-list-title{
			font-size: 24rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #4B6776;
		}
	}
}

.index-click{
	width: 690rpx;
	height: 138rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 28rpx 30rpx 0;
	font-size: 30rpx;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: #FFFFFF;
	.index-click-item{
		width: 252rpx;
		height: 86rpx;
		background: linear-gradient(128deg, #2E6BF8 0%, #0778F6 100%);
		border-radius: 8rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		.index-redDot{
			width: 14rpx;
			height: 14rpx;
			background: #FF1212;
			border-radius: 100rpx;
			margin-left: 2rpx;
			margin-bottom: 26rpx;
		}
	}
	.index-click-itema{
		width: 252rpx;
		height: 86rpx;
		background: #27CBC0;
		border-radius: 8rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		.index-redDot{
			width: 14rpx;
			height: 14rpx;
			background: #FF1212;
			border-radius: 100rpx;
			margin-left: 2rpx;
			margin-bottom: 26rpx;
		}
	}
}

.index-notice{
	width: 702rpx;
	height: 186rpx;
	margin: 0 18rpx 40rpx 30rpx;
	.index-notice-logo{
		width: 702rpx;
		height: 186rpx;
		position: absolute;
	}
	.index-notice-word{
		position: absolute;
		z-index: 1;
		width: 64rpx;
		height: 84rpx;
		font-size: 32rpx;
		font-family: PingFang-SC-Bold, PingFang-SC;
		font-weight: bold;
		color: #E9960E;
		margin: 56rpx 0 0 39rpx;
	}
}

.index-title-wrap{
	width: 750rpx;
	height: 78rpx;
	position: sticky;
	z-index: 99;
	top: 160rpx;
	.index-title{
		width: 680rpx;
		height: 78rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 30rpx 0 40rpx;
		.index-title-word{
			font-size: 32rpx;
			font-family: PingFang-SC-Bold, PingFang-SC;
			font-weight: bold;
			color: #4B6776;
		}
		.index-title-search{
			width: 442rpx;
			height: 76rpx;
			border: 2rpx solid #0E76F7;
			border-radius: 100rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			background: #FFFFFF;
			.index-title-inp{
				width: 306rpx;
				font-size: 26rpx;
				margin: 0 30rpx;
			}
			.index-title-search-logo{
				width: 76rpx;
				height: 76rpx;
			}
		}
	}
}

.index-list{
	margin-bottom: 16rpx;
	margin-top: 30rpx;
	.category-wrapper{
		width: 100%;
		display: flex;
		flex-direction: row;
		position: relative;
		z-index: 40;
		.left-wrapper {
			width: 160rpx;
			margin-left: 30rpx;
			flex: 0 0 160rpx;
			position: sticky;
			top: 218rpx;
			z-index: 40;
			.left-content{;
				.left-content-list{
					width: 156rpx;
					height: 90rpx;
					background: rgba(255, 255, 255, 0.3);
					color: #999999;
					margin-bottom: 8rpx;
					border: 1rpx solid rgba(151, 151, 151, 0.3);
					.left-content-word{
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						line-height: 90rpx;
						text-align: center;
					}
				}
				.index-left-clicklist{
					background: #FFFFFF;
					color: #0B77F7;
					border: 1rpx solid #FFFFFF;
				}
			}
		}
		.right-wrapper{
			margin-left: 8rpx;
			z-index: 99rpx;
			.product-wrapper{
				.index-right-list{
					width: 522rpx;
					height: 222rpx;
					background: #FFFFFF;
					display: flex;
					margin-bottom: 8rpx;
					.index-right-head{
						width: 130rpx;
						height: 167rpx;
						display: flex;
						flex-direction: column;
						margin: 22rpx 0 0 24rpx;
						.index-right-logo{
							width: 130rpx;
							height: 130rpx;
						}
						.index-right-floor{
							width: 130rpx;
							height: 37rpx;
							background: #F9B678;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							line-height: 37rpx;
							text-align: center;
						}
					}
					.index-right-title{
						font-size: 30rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #4B6776;
						margin: 66rpx 0 0 24rpx;
					}
					.index-core-logo{
						width: 47rpx;
						height: 43rpx;
						margin: 66rpx 0 0 50rpx;
					}
				}
				.index-commodity-list{
					width: 528rpx;
					display: flex;
					flex-direction: column;
					background: #FFFFFF;
					padding: 22rpx 0 24rpx;
					margin-bottom: 8rpx;
					.index-commodity{
						width: 528rpx;
						display: flex;
						.index-commodity-head{
							width: 130rpx;
							height: 167rpx;
							display: flex;
							flex-direction: column;
							margin-left: 24rpx;
							.index-commodity-logo{
								width: 130rpx;
								height: 130rpx;
							}
							.index-commodity-floor{
								width: 130rpx;
								height: 37rpx;
								background: #F9B678;
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #FFFFFF;
								line-height: 37rpx;
								text-align: center;
							}
						}
						.index-commodity-writing{
							display: flex;
							flex-direction: column;
							margin: 0 24rpx 0 20rpx;
							.index-commodity-name{
								font-size: 30rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #4B6776;
							}
							.index-commodity-center{
								width: 330rpx;
								margin-top: 24rpx;
								display: flex;
								justify-content: space-between;
								align-items: flex-end;
								.index-commodity-amount{
									font-size: 34rpx;
									font-family: PingFang-SC-Bold, PingFang-SC;
									font-weight: bold;
									color: #D50404;
								}
								.index-commodity-surplus{
									font-size: 24rpx;
									font-family: PingFangSC-Regular, PingFang SC;
									font-weight: 400;
									color: #999999;
								}
							}
							.index-commodity-unfold{
								font-size: 26rpx;
								font-family: PingFang-SC-Medium, PingFang-SC;
								font-weight: 500;
								color: #0E76F7;
								text-decoration: underline;
								margin-top: 24rpx;
								margin-bottom: 9rpx;
							}
						}
					}
					.index-commodity-bottom{
						width: 480rpx;
						background: #F6F6F6;
						margin: 11rpx 24rpx 0;
						padding: 20rpx 0 10rpx;
						display: flex;
						flex-direction: column;
						font-size: 26rpx;
						font-family: PingFang-SC-Regular, PingFang-SC;
						font-weight: 400;
						color: #666666;
						.index-commodity-word{
							display: flex;
							align-items: center;
							margin: 0 0 10rpx 24rpx;
							.index-commodity-title{
								width: 104rpx;
							}
							.index-commodity-end{
								margin-left: 49rpx;
							}
						}
						.index-commodity-money{
							width: 448rpx;
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin: 0 0 10rpx 24rpx;
							.index-commodity-rice{
								width: 217rpx;
								height: 37rpx;
								display: flex;
								align-items: center;
								justify-content: space-between;
							}
						}
					}
				}
			}
		}
	}
}

.popup-content{
	width: 598rpx;
	height: 583rpx;
	background: #FFFFFF;
	border-radius: 6rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 9999;
	.popup-content-title{
		width: 598rpx;
		height: 87rpx;
		border-bottom: 1rpx solid rgba(151,151,151,0.17);
		font-size: 36rpx;
		font-family: PingFang-SC-Bold, PingFang-SC;
		font-weight: bold;
		color: #333333;
		line-height: 87rpx;
		text-align: center;
		margin-bottom: 24rpx;
	}
	.popup-content-word1{
		font-size: 34rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333;
		line-height: 52rpx;
	}
	.popup-content-word2{
		margin-top: 18rpx;
		width: 416rpx;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #0E76F7;
		line-height: 42rpx;
	}
	.popup-content-word3{
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		margin: 14rpx 0 24rpx;
	}
	.popup-content-chooise{
		width: 598rpx;
		height: 110rpx;
		border-top: 1rpx solid rgba(151,151,151,0.17);
		display: flex;
		align-items: center;
		.popup-content-cancel{
			width: 298rpx;
			height: 85rpx;
			font-size: 34rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 85rpx;
			text-align: center;
		}
		.popup-content-parting{
			height: 85rpx;
			opacity: 0.39;
			border: 1rpx solid #979797;
		}
			
		.popup-content-sure{
			width: 298rpx;
			height: 85rpx;
			font-size: 34rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: bold;
			color: #0E76F7;
			line-height: 85rpx;
			text-align: center;
		}
	}
}